
import React, { Component } from 'react';
import pxToDp from '../config/pxToDp'
import {
    Platform,
    StyleSheet,
    Text,
    View,
    Image,
} from 'react-native';

export default class AboutScene extends Component {
    constructor(props) {
        super(props)
    }
    render() {

        return (
            <View style={styles.all_view}>

                <View style={styles.top}>
                    <View style={styles.tubiao}>

                        <Image style={styles.img_tubiao}  source={require('../imgs/ic_launcher.png')}/>
                        <Text style={styles.text3}> 随聊 6.6.6</Text>
                    </View>

                    <View style={styles.big_view}>
                        <View style={styles.small_view_touxiang}>
                            <View style={styles.contentChild2}>
                                <Text style={styles.text}>功能介绍</Text>

                            </View>
                        </View>

                        <View style={styles.small_view_touxiang}>
                            <View style={styles.contentChild2}>
                                <Text style={styles.text}>投诉</Text>
                            </View>
                        </View>

                        <View style={styles.small_view_touxiang}>
                            <View style={styles.contentChild}>
                                <View style={styles.thisbuild}>
                                    <Text style={styles.text}>版本更新</Text>
                                    <View style={styles.newnew}>
                                        <Text style={styles.iconNewText}>New</Text>
                                    </View>
                                </View>
                                <Text style={styles.text2}>0.0.1</Text>
                            </View>
                        </View>

                    </View>
                </View>

                <View style={styles.dibu}>

                    <Text style={styles.text2}>随聊公司 版权所有</Text>
                    <Text style={styles.text2}>Copyright ©2011-2018 Suiliao.</Text>
                    <Text style={styles.text2}>All Rights Reserved</Text>
                </View>

            </View>

        );
    }
}

const styles = StyleSheet.create({

    thisbuild:{
        flexDirection:"row",
        justifyContent:'center',
    },
    newnew:{
        backgroundColor:"#ff3c3f",
        // alignSelf:"flex-start",
        borderRadius: pxToDp(20),
        height: pxToDp(25),
        width:pxToDp(60),
        justifyContent:'center',
        alignSelf:"center",
        marginLeft:pxToDp(18),

    },
    iconNewText:{
        color:"#fff",
        fontSize:10,
        justifyContent:'center',
        alignSelf:"center",
    },
    top:{
        flex:8
    },
    dibu:{
        flex: 2
    },

      //图标
    tubiao:{
        alignSelf:'center',
        marginTop:pxToDp(70),
    },

    img_tubiao:{
      height:pxToDp(100),
      width:pxToDp(100),
    },

    contentChild:{
        justifyContent:"space-between",
        flexDirection:'row',//view内的内容横着排列
        height:pxToDp(80),

    },

    //其他的信息
    contentChild2:{
        justifyContent:"space-between",
        flexDirection:'row',//view内的内容横着排列
        height:pxToDp(80),
        borderBottomWidth:1,
        borderColor:'#dfdfdf',
    },

    //头像的view
    small_view_touxiang:{
        paddingRight: pxToDp(20),
        paddingLeft: pxToDp(20),

    },

    //总的viwe
    all_view:{
        flex:1,
        backgroundColor:'#ebebeb',
    },

    //总view里面的大view
    big_view:{
        marginTop:pxToDp(70),
        backgroundColor:'#ffffff',
    },

    //字体
    text: {

        alignSelf:'center',
        fontSize: 14,
        color:'#343434',
    },

    text2:{

        alignSelf:'center',
        fontSize: 14,
        color:'#9a9a9a',
    },
    text3:{

        alignSelf:'center',
        fontSize: 12,
        color:'#9a9a9a',
    },

    //头像图片
    img_touxiang:{
        height:pxToDp(100),
        width:pxToDp(100),
        alignSelf:'center'
    },

    img_erweima:{
        height:pxToDp(40),
        width:pxToDp(40),
        alignSelf:'center'
    },

});
